﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">

html,body{background-color:#FCddFC;}

.tabs div{width:60px;float:left;height:100%;}
.tabs{height:30px;}
.tabs .tab_item{color:red;background-color:#fff;}
.tabs .tab_item_selected{background-color:red;color:#fff;}

</style>
</head>

<body >
<div id="tt" class="tabs">
	<div class="tab_item_selected"><span>456</span></div>
	<div class="tab_item">abd</div>
	<div class="tab_item">###</div>
</div>
<div id="tc">
	<div>content for 1 - 456</div>
	<div>content for 2 - abd</div>
	<div>content for 3 - ###</div>
</div>
</body>

<script src="../../lib/common.plugin.js"></script>
<script>

new Tab(document.getElementById("tt"),document.getElementById("tc"),"mouseover")

</script>


</html>
